@import 'element-ui/lib/theme-chalk/index.css';

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: $textColorgreen !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: $themeColorponti !important;
  border-color: $themeColorponti !important;
  border-radius: 50%;
}
.el-checkbox__input .el-checkbox__inner {
  border-radius: 50%;
}
.el-transfer-panel__item:hover {
  color: $themeColorA !important;
}
.el-button {
  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  text-align: center;
}
.el-button--primary {
  background-color: $themeColorponti !important;
  color: $textColorB;
  border-color: $themeColorponti !important;
}
.el-button--primary:focus,
.el-button--primary:hover {
  background: $themeColorponti !important;
  color: $textColorB;
  border-color: $themeColorponti !important;
}
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  cursor: not-allowed;
  background-color: $themeColorD;
  border: 1px solid $themeColorD;
  color: $textColorE;
}
.el-button--info {
  background-color: $themeColorK;
  color: $textColorE;
}
.el-button--danger {
  background-color: $themeColorB;
  color: $textColorB;
}
.el-button.is-disabled {
  cursor: not-allowed;
  background-color: $themeColorD;
  border: 1px solid $themeColorD;
  color: $textColorE;
  &:hover {
    cursor: not-allowed;
    background-color: $themeColorD;
    color: $textColorE;
  }
}
.dropdownclass {
  color: $textColorN !important;
}
.dropdownclass:hover {
  color: $textColorB !important;
  background: $themeColorbackN !important;
}
.small-button {
  font-size: 12px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  padding: 6px 14px;
}
.el-table {
  margin-bottom: 60px;
  .doubleRowColor {
    background-color: #f4f4f4;
  }
  .el-tableHeadClass {
    th {
      background-color: $themeColorpontic;
      font-size: 12px;
      font-family: MicrosoftYaHei;
      text-align: left;
      color: $textColorF;
    }
  }
  .action {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    > span {
      display: inline-block;
      font-size: 12px;
      font-family: MicrosoftYaHei;
      // text-decoration: underline;
      text-align: center;
      line-height: 24px;
      cursor: pointer;
      margin-right: 10px;
      margin-bottom: 5px;
    }
    span:last-child {

      margin-right: 0px;
    }
    > .red {
      color: $textColorK;
    }
    > .black {
      color: $textColorF;
    }
    > .normal {
      color: $textColorC;
    }
    > .yellow {
      color: $textColorM;
    }
    > .white {
      color: $textColorB;
    }
    > .gray {
      color: $textColorG;
    }
    > .green {
      color: $textColorgreen2;
    }
    > .green2 {
      color: $textColorgreen;
    }
    > .orange {
      color: $textColororange;
    }
    > .textblue {
      color: $textColorblue;
    }
    > .textred {
      color: $textColorred;
    }
    > .textredA {
      color: $textColorE;
    }
  }
}
.action_cent{
  justify-content: center;
}
.span_class {
  color: $textColorB !important;
  display: inline-block;
}
.el-pagination,
.is-background {
  font-weight: 400;
  > .btn-next,
  .btn-prev {
    background-color: #fff !important;
    border-radius: 10px !important;
    border: 1px solid $themeColorJ;
    padding: 0 6px !important;
    > span {
      font-size: 12px;
      font-family: MicrosoftYaHei;
      text-align: center;
      color: $textColorF;
    }
  }
  > .el-pager {
    > .number {
      border: 1px solid $themeColorJ;
      border-radius: 10px !important;
      background-color: #fff !important;
      line-height: 26px;
      font-size: 12px;
      font-family: MicrosoftYaHei;
      text-align: center;
      color: $textColorF !important;
    }
    .el-icon-more {
      border: 1px solid $themeColorJ;
      border-radius: 10px !important;
      background-color: #fff !important;
    }
    .active {
      background-color: $themeColorponti !important;
      color: $textColorB !important;
    }
  }
}
.el-transfer {
  display: flex;
  align-items: center;
  ::v-deep .el-transfer-panel__header {
    background-color: #fff;
    height: 30px;
    > label {
      line-height: 30px;
      .el-checkbox__label {
        font-size: 14px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        color: #4a4a4a;
      }
    }
  }
  ::v-deep .el-transfer-panel__body {
    .el-transfer-panel__filter {
      margin: 4px 10px;
      input {
        height: 26px;
        border: none;
        padding: 0 10px;
        padding-right: 36px;
      }
      .el-input__prefix {
        left: auto;
        right: 5px;
      }
    }
  }
  ::v-deep .el-transfer__buttons {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    > button {
      width: 24px;
      height: 24px;
      margin: 10px 0;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .el-button--primary {
      background-color: $themeColorponti !important;
      border: 1px solid $themeColorponti;
      > span {
        color: #fff;
      }
    }
    .is-disabled {
      background-color: #fff;
      border: 1px solid #d8d8d8;
      > span {
        color: #999999;
      }
    }
  }
}
.el-popover {
  width: 80px;
  min-width: auto;
  margin-right: 30px;
}
.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: $themeColorC !important;
  color: $themeColorA !important;
}
.el-dropdown-menu__item.signOut {
  color: $textColorK !important;
}
.el-dropdown-menu__item.signOut:focus,
.el-dropdown-menu__item.signOut:not(.is-disabled):hover {
  background-color: #fee3e3;
  color: $textColorK !important;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: $textColorgreen !important;
  font-weight: 700;
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: $themeColorponti;
  background: $themeColorponti !important;
}
.el-select .el-input__inner:focus {
  border-color: $themeColorponti !important;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: $themeColorponti !important;
}
.el-range-editor.is-active,
.el-range-editor.is-active:focus,
.el-range-editor.is-active:hover {
  border-color: $themeColorponti !important;
}
.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
  border-color: $themeColorponti !important;
}
.el-input__inner:hover {
  border-color: $themeColorponti !important;
}
.elinputclass {
  .el-input__inner {
    border: 1px solid $themeColorponti;
  }
  .el-input-group__append {
    border: 1px solid $themeColorponti !important;
    background-color: $themeColorponti !important;
    color: $textColorB !important;
  }
}
//搜索
.search_widt {
  .el-button .el-button--default .el-button--small {
    background: $themeColorponti !important;
    border-color: $themeColorponti !important;
  }
  .el-input__inner {
    border-color: $themeColorponti !important;
  }
  .el-input-group__prepend {
    border-color: $themeColorponti !important;
    background: #ebf5ff;
    color: #000000;
    width: 60px;
  }
  .el-input-group__append {
    border-color: $themeColorponti;
    background: $themeColorponti;
    color: $textColorB;
  }
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: $themeColorponti !important;
  background: $themeColorponti !important;
}
.is-checked {
  > span {
    color: $textColorgreen2;
  }
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #f8f8f8;
}
.mb10 {
  margin-bottom: 10px;
}
.mr10 {
  margin-right: 10px;
}
.search_pd {
  padding: 14px 10px 0px 20px;
}
.radio_class {
  min-width: 900px;
  display: flex;
  flex-direction: row;
  height: 50px;
  align-items: center;
  padding: 0 20px;
  .el-radio {
    padding: 0 10px;
  }
  > div:nth-child(1) {
    margin-right: 40px;
  }
  > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    > div:first-child {
      width: 60px;
      margin-right: 10px;
      font-size: 14px;
      font-family: MicrosoftYaHei;
      text-align: left;
      color: #000000;
    }
  }
  .el-radio .el-radio__inner .el-radio__input {
    display: none !important;
  }
  .el-radio__input {
    display: none !important;
  }
  .el-radio__inner {
    display: none !important;
  }
  .el-radio__label {
    color:$textColorG !important;
  }
  .el-radio__input.is-checked + .el-radio__label {
    color:$textColorC !important;
  }
  .el-radio-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
  }
  .el-radio {
    width: 100px !important;
    height: 30px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ededed;
    border-radius: 4px;
    margin-right: 7px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    text-align: center;
    color: #999999;
  }
  .el-radio__label {
    font-size: 12px !important;
    padding-left: 0 !important;
  }
  .is-checked {
    background: #ebf5ff;
    border: 1px solid $themeColorponti;
  }
  .raicon {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    z-index: 2;
  }

  .el-checkbox__input {
    display: none;
  }
  .el-checkbox .vm-checkbox {
    width: 100px;
    height: 30px;
    background: #fff;
    font-size: 12px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: center;
    color: #000000;
  }
  .el-checkbox__label {
    padding-left: 0px;
    width: 100px;
    height: 30px;
    background: #ededed;
    font-size: 12px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: center;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .is-checked {
    .el-checkbox__label {
      background: #fff !important;
    }
  }
}
.el-tooltip__popper {
  max-width: 1200px !important;
}
.input_wid {
  width: 800px !important;
}
.sel_wid {
  width: 400px !important;
}
.input_num {
  width: 200px !important;
}
.input_num2 {
  width: 200px !important;
}
.input_num3 {
  width: 180px !important;
}

.input_num4 {
  width: 160px !important;
}
.el_radio_let{
  .el-radio__input.is-checked + .el-radio__label {
  color:$textColorC !important;
}
}
.el-radio__input.is-checked + .el-radio__label {
  color: $themeColorponti !important;
}
.form_class {
  .el-form-item__label {
    color: $textColorF !important;
    font-weight: bold !important;
  }
  .el-form-item__content{
    color: $textColorE;
  }
}
.li-label{
  font-size: 14px !important;
  color: $textColorF !important;
  font-weight: bold !important;
}
.el-date-table td.today span {
  color: $textColorC !important;
  font-weight: 700;
}
.el-select-dropdown__item.selected {
  color: $textColorC !important;
  font-weight: 700;
}
.available:hover span{
  color: $textColorC !important;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:focus, .el-select-dropdown__item:hover {
  color: $textColorC !important;
}
.el-button--text {
  background: 0 0;
  color: $textColorC !important;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:focus, .el-button--text:hover{
  color: $textColorC !important;
}
.el-button.is-plain:hover{
  color: $textColorC !important;
}
.el-date-picker__header-label:hover{
  color: $textColorC !important;
}
.el-picker-panel__icon-btn:hover{
  color: $textColorC !important;
}
.el-time-panel__btn.confirm{
  color: $textColorC !important;
}
.el-date-table td.current:not(.disabled) span {
  background-color: $themeColorponti !important;
  color: $textColorB !important;
}
.el-textarea__inner:focus{
  border-color: $themeColorponti;
}
.requ .el-form-item__label:before {
  color: #f56c6c !important;
  content: "*";
  margin-right: 4px;
}
.el-picker-panel {
  z-index: 5000 !important;
}
// .el-table__fixed-right{
//   height: 100% !important;
// }
// 解决ElementUI表格el-table-column添加fixed底部被遮挡
.is-scrolling-none + .el-table__fixed-right {
  height: 100% !important;
}


.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
  background-color: #d3dce6;
}
// 表格在safari浏览器有点不兼容的修改方法
.el-table__header,.el-table__body,.el-table__footer{
  width: 100% !important;
  table-layout: fixed !important;
}